<template>
<div>
  <router-view class="router-container"></router-view>
  <mt-tabbar v-model="selected">
  <mt-tab-item @click.native="goNav('/product-list')" id="猜你喜欢">
    猜你喜欢
  </mt-tab-item>
  <mt-tab-item id="订单">
    订单
  </mt-tab-item>
  <mt-tab-item  @click.native="goNav('/my')" id="我的">
    我的
  </mt-tab-item>
</mt-tabbar>
</div>
</template>

<script>

  export default {
    name:'',
    components: {},
    props:[''],
    data () {
      return {
        active: 'tab-container1',
        selected: '猜你喜欢'
      };
    },

    computed: {},

    methods: {
      goNav(path) {
        console.log('go..');
        
        this.$router.push(path)
      }
    },

  }

</script>
<style lang='scss' scoped>
.router-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.mint-tabbar {
  position: relative;
}
</style>